<template>
  <div style="border: 1px solid pink;">
    <div style="color: white; background-color: hotpink;">

      <slot name="head">默认头部</slot>

    </div>
    <div>

      <div v-for="v of data" :key="v.id">

        <!-- 组件内可以最多允许一个默认插槽 -->
        <!-- 用作用域：将循环项数据 传出去 -->
        <slot :row="v">默认内容</slot>

      </div>

    </div>
  </div>
</template>

<script>
export default {
  name: 'MyPanel',
  props: {
    data: {
      type: Array,
      required: true
    }
  }
}
</script>

<style>

</style>